<style type="text/css">
    #hr-scoreIntegral-detail, #hr-scoreIntegral-detail .hr-scoreIntegral-info {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    #hr-scoreIntegral-detail #hr-scoreIntegral-info-wrapper {
        margin: 0 0 1rem 0;
        display: inline-block;
    }

    #hr-scoreIntegral-detail .hr-scoreIntegral-info div {
        margin: 10px 15px;
        max-width: 19rem;
    }
</style>

<!-- 注意id属性每个页面id必须独立 lay-title为当前页面的标题属性-->
<div class="layui-fluid" id="hr-scoreIntegral-detail" lay-title="院校信息">
    <div id="hr-scoreIntegral-info-wrapper">
        <div class="hr-scoreIntegral-info">
            <!-- label为后台返回的对象-->
            <div><span class="layui-icon layui-icon-user"></span> 员工ID：
                [[${scoreIntegral.staffId}]]
            </div>
            <!-- 使用strings.defaultString 判断是否为空-->
            <div><span class="layui-icon layui-icon-form"></span> 积分类别：
                [[${scoreIntegral.type}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 原始成绩：
                [[${scoreIntegral.score}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 积分来源：
                [[${scoreIntegral.scoreDesc}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 对应关系：
                [[${scoreIntegral.mappingRemark}]]
            </div>
        </div>

        <div class="hr-scoreIntegral-info">
            <div><span class="layui-icon layui-icon-form"></span> 映射最小值：
                [[${scoreIntegral.mappingMinValue}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 映射最大值：
                [[${scoreIntegral.mappingMaxValue}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 映射所得积分：
                [[${scoreIntegral.integralValue}]]
            </div>
            <div><span class="layui-icon layui-icon-form"></span> 最终实际积分：
                [[${scoreIntegral.mappingResult}]]
            </div>
            <div><span class="layui-icon layui-icon-time-circle"></span> 创建日期：
                [[${#strings.defaultString(createDate, '未显示时间')}]]
            </div>
        </div>
    </div>
</div>